<template>
	<view class="content">
		<image class="image" src="http://www.itcast.cn/2018czydz/images/gywmban.jpg" mode=""></image>
		<view class="info">
			<view @click="phone">联系电话： 400-616-666 (点击拨打)</view>
			<view>联系地址：湖南省长沙市雨花区长沙民政</view>
		</view>
		<!-- 地图 -->
		<map class="map" 
			:scale="scale" 
			:longitude="longitude" 
			:latitude="latitude" 
			:markers="covers"
		></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				longitude: 113.012413,
				latitude: 28.139009,
				covers: [{
					id: 0,
					longitude: 113.012413,
					latitude: 28.139009,
					iconPath: 'https://bkimg.cdn.bcebos.com/pic/9f2f070828381f30085d94b6a4014c086e06f06d?x-bce-process=image/resize,m_lfit,w_268,limit_1/format,f_jpg',
					width: 30,
					height: 30
				}],
				scale: 14
			}
		},
		methods: {
			phone() {
				uni.makePhoneCall({
				    phoneNumber: '400-616-666' //仅为示例
				});
			}
		}
	}
</script>

<style lang="scss">
	.content {
		.image {
			width: 750rpx;
			height: 320rpx;
		}

		.info {
			padding: 15rpx;
			font-size: 28rpx;

			view {
				line-height: 80rpx;
				border-bottom: 1px solid #eee;
			}
		}

		.map {
			width: 750rpx;
			height: 650rpx;
		}
	}
</style>
